<template>
	<view class="contain">
		
		<view class="bg-color-w padding-lr12 margin-b12">
		
			<view  @click="go('/pages/user/editusername')" class="bg-color-w  flex f-j-s f-a-c h-50 ">
				<text class="f15-size">用户名</text>
				<view class="flex f-a-c">
					<text class="f18-size t-color-9 margin-r4">{{user.nickname}}</text>
					<text class="flex f-a-c f-j-c van-icon van-icon-arrow t-color-9 f16-size"></text>
				</view>
			</view>
			
	<!-- 		<view   class="bg-color-w  flex f-j-s f-a-c h-50 ">
				<text class="f15-size">微信号</text>
				<view class="flex f-a-c">
					<text class="f18-size t-color-9 margin-r4">{{user.phone}}</text>
					<text class="flex f-a-c f-j-c van-icon van-icon-arrow t-color-9 f16-size"></text>
				</view>
			</view> -->
			
			<view  @click="go('/pages/user/changephone')" class="bg-color-w  flex f-j-s f-a-c h-50 ">
				<text class="f15-size">手机号</text>
				<view class="flex f-a-c">
					<text class="f18-size t-color-9 margin-r4">{{user.phone}}</text>
					<text class="flex f-a-c f-j-c van-icon van-icon-arrow t-color-9 f16-size"></text>
				</view>
			</view>
			
		</view>
		
		<view class="bg-color-w padding-lr12 ">
			<view @click="go('/pages/user/passport/password')" class="bg-color-w  flex f-j-s f-a-c h-50 b-bottom">
				<text class="f15-size">{{i18n['修改登录密码']}}</text>
				<view class="flex f-a-c">
					<text class="flex f-a-c f-j-c van-icon van-icon-arrow t-color-9 f16-size"></text>
				</view>
			</view>
			<view @click="go('/pages/user/passport/pay')" class="bg-color-w  flex f-j-s f-a-c h-50 ">
				<text class="f15-size">{{i18n['修改支付密码']}}</text>
				<view class="flex f-a-c">
					<text class="flex f-a-c f-j-c van-icon van-icon-arrow t-color-9 f16-size"></text>
				</view>
			</view>
			<!-- <view @click="go('/pages/user/changephone')" class="bg-color-w  flex f-j-s f-a-c h-50 ">
				<text class="f15-size">更换手机号码</text>
				<view class="flex f-a-c">
					<text class="flex f-a-c f-j-c van-icon van-icon-arrow t-color-9 f16-size"></text>
				</view>
			</view> -->
		</view>

	</view>
</template>
<style scoped>
@import url('@/static/css/index/index.css');
</style>
<script>
	const $ = require('@/utils/api.js');
	let self;
	export default {
		data() {
			return {
					user: '',
			};
		},
		onLoad: function() {
			self = this;
			this.init();
		},
		methods: {
			init() {
				
					this.getUserInfo();
			},
			getUserInfo() {
			
				self.getUser({
					success(res) {
						// console.log("res",res)
								self.user = res;
					}
				})
			},
		},
		computed: {
			i18n() {
				return this.$t('set')
			},
		},
		created() {
		},
		mounted() {},
		destroyed() {},
		components: {},
		onPullDownRefresh() {
		},
		onReachBottom() {
		}
	}
</script>
